
* {margin:0;padding:0;} 

html, body {
	height: 100%;
	background:#b6b6b6;
	color: #4F5155;
	font: 13px/20px normal Helvetica, Arial, sans-serif;
	
	}

#wrap {min-height: 100%;}

.behind{
	width:100%;
	height:100%;
	
	left:0px;
	top:0px;
	z-index:1;

	

}
#main {
	overflow:auto;
	padding-bottom: 55px;
	margin: 1em 1em 0 1em;
	padding: 1em;
	border: 1px solid #D0D0D0;
	-webkit-box-shadow: 0 0 8px #D0D0D0;
	background: #f0f0f0;
	min-height:20em;
	height: auto !important;
	height:20em;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	clear:both;
	}  

#footer {
	position: relative;
	margin-top: -55px; 
	height: 55px;
	clear:both;
	text-align:center;
	} 

/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}
/* IMPORTANT

You also need to include this conditional style in the <head> of your HTML file to feed this style to IE 6 and lower and 8 and higher.

<!--[if !IE 7]>
	<style type="text/css">
		#wrap {display:table;height:100%}
	</style>
<![endif]-->

*/

hr{
	clear:both;
	margin:0 auto;
	width:80%;
}


	a {
		color: #003399;
		background-color: transparent;
		font-weight: normal;
	}	
   .login{
   		
   		width:30em;
    	background:#B1BDAA;
    	border:1px solid #B5F1B4;
    	padding:1em;
    	-moz-border-radius:3px;
    	-webkit-border-radius: 3px;
    	margin:0 auto !important;
    }
 
    input[type='text'], input[type='password']{
    	margin: 0 0 1em 0em;
    	width:28em;
    	border:5px;
    	padding: 0.7em;
    	text-align:center;
    }
    input [type='select']{
    	width:200px;
    }
	input[type='submit'], input[type='button']{
		border: 1px solid #B5F1B4;
		border:none;
		cursor:pointer;
		padding:0.7em;
		min-width:8em;
		width:auto !important;
		width:8em;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		background:white;
	}
	#validation_errors{
		color:#8A6453;
		text-align:center;
	}
	#validation_errors1{
		font: 15px normal Helvetica, Arial, sans-serif;
		color:red;
		float:left;
		clear:both;
	}
	.menu li{
		float:left;
		position:relative;
		display:inline;

	}
	.form_hidden{
    	width:10em;
    }
/*cool menu                                 */
	.menu ul li a{
		text-align:center;
		background: none repeat scroll 0 0 #DDDDDD;
		margin: 3px;
    	padding: 3px 10px;
    	color: #4F5155;
   		display: block;
	    text-decoration: none;	
	    width:10em;	
	}
	.menu ul li a:hover{
		color:#B5F0B4;
		background:#8A6353;
	}
	.menu {
		padding-bottom: 3em;
		padding-left:1em;
	}
	.menu ul ul{
		display:none;
		position:absolute;
		
	}
	.menu li:hover > ul {
		display:block;
	}
	.menu ul ul li{
		float: none;
	}
	.menu li{
		z-index:9999;
	}
	
/*cool menu                                 */	
	
	h2{
		padding-bottom: 1em;
	}
	.dialog{
        border: 1px solid;
        width: 500px;
        margin:1em 1em 0 1em;
        padding:3em;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
    }
    .dialog_bottom {
        margin-left: 3em;
    }
    #dialog_time{
        margin-left:70%;
    }
    .dialog_comment {
        
        width: 60em;
        display:none;
        margin:1em;
        
    }
    .dialog_comment textarea{
        width: 62em;
        height: 10em;
        border: 2px solid;
        padding:1em;
    }
    .customer_dialog{
        margin-left:25em;
    }
    .customer_comment{
        margin-left:60em;
    }
    .job_menu div{
        list-style: none outside none;
        display: inline;
        padding: 2px;
        margin:2px;
        border:1px solid black;
        width:10em;
    }    
    .job_menu div:hover{
		color:#B5F0B4;
		background:#8A6353;
        border:1px solid gray;
    }
    #ask_question_red_cross{
        float:right;
        margin-top:-37px;
        cursor:pointer;

    }
    .my_details_header{
        margin-left:1em;
    }
    #my_details_red_cross{
        float:left;
        margin-top:-37px;
        margin-left:62em;
        cursor:pointer;
    }
    .dialog_customer_details{
        border: 2px solid black;
        width: 60em;
        margin:1em;
        padding:1em;
        min-height: 10em;
    }
    .get_job_dialog{
        width:60em;
        margin:1em;
       
    }
    .get_job_dialog_inner{
        border:2px solid black;
        min-height:10em;
        padding:1em;
    }
    #get_job_dialog_ask_the_question textarea{
        width:100%;
        height:9em;
        margin:0;
        padding:0;
    } 
    .get_job_x{
        float:right;
        margin-top:-37px;
        cursor:pointer;
        
    }
    #get_job_dialog_ask_the_question, #get_job_dialog_my_details, #get_job_dialog_job_information, #get_job_dialog_billing_information{
        display:none;
    }
    .job_create_menu{
    	float:left;
    }
    .job_create_menu input{
    	margin-top:1em;
    }
    .job_create_menu input:hover{
    	color:#B5F1B4;
    	background: #8A6453;
    }
    .customer_search_results td{
    	border-bottom: 2px dashed;
    	text-align: center;
   	 	width: 10em;
    }
    .customer_search_results th{
    	padding-bottom:1em;
    }

    .job_create_menu a{
    	text-decoration:none;
    }
    
    
    
    
    .customer_search_results a{
	   	background: none repeat scroll 0 0 #DDDDDD;
	    color: #4F5155;
	    display: block;
	    margin: -1px;
	    padding: 3px 10px;
	    text-align: center;
	    text-decoration: none;
	    width: 17em;
    }
    #table_short{
    	width:2em;
    }
    .customer_search_results a:hover{
    	color:#B5F0B4;
		background:#8A6353;
    }

    
    
/**************************************************************************
 * Job create fields:
 */    
    .job_create_obj{
		float: left;
	    margin-top:1em;
	    position: relative;
	    border:1px solid #B5F1B4;
	    width: 100%;
	    min-height:40em;
	    background:#b6b6b6;
    }
    
    .step_completed{
    	background:#B5F1B4;
    }    
    .job_create_job_type{
    	
    	width:10em;
    	
    }
    .job_create{
    	margin: 1em;
    	width: 92em;
    	
    	
    }
    #create_customer_name{
    	width:328px;
    }
    .customer_create_customer{
    	float:left;
    	
    }
    .customer_create_address{
    	float:right;
    }
    .customer_create_wrap{
    	width:66em;
    	float:left;
    }
    #customer_create_submit{
    	margin-top:1em;
    	margin-left:288px;
    	clear:both;
    	float:left;
    }
    #business_name_dropdown{
    	width:394px	;
    }
    #total{
    	color:black;
    	font: 37px/46px bolder;
    }
    #rate {
    	width:3em;
    }
    td{
    	text-align:center;
    }
    .payment_totals{
    	margin:0em 0 3em 10em;
    	
    }
    .payment_totals input[type="submit"]{
    	margin-left:4em;
    }
    #optional_fee, #min_charge{
    	width:3em;
    }

	.data_verification{
		text-align:center;
	}
/**************************************************************************
 * END Job create fields:
 */   
	 #money{
	 	width:4em;
	 }
	 #datepicker{
	 	width:5em;
	 }
	



















